{% extends "data_edit.html" %}
{% load i18n %}
{% block form %}
{% autoescape off %} 
<tr><td>
  <table width="100%" border="0" cellspacing="" cellpadding="3" id="tbl_iccard_edit">
	  <tr>
		  <th height="20" width="175">{{ form.SchName|field_as_label_tag }}</th>
		  <td>{{form.SchName.as_widget }}</td>
		  <td>{{form.SchName.errors }}</td>

          <th height="20" width="230">{{ form.timetable_type|field_as_label_tag }}</th>
          <td>{{form.timetable_type.as_widget }}</td>
          <td>{{form.timetable_type.errors }}</td>
	</tr>
    <tr name="normal">
         <th height="20">{{ form.CheckInTime1|field_as_label_tag }}</th>
         <td>{{form.CheckInTime1.as_widget }}</td>
         <td>{{form.CheckInTime1.errors }}</td>

         <th height="20">{{ form.CheckOutTime1|field_as_label_tag }}</th>
         <td>{{form.CheckOutTime1.as_widget }}</td>
         <td>{{form.CheckOutTime1.errors }}</td>
    </tr>
    <tr name="normal">
          <th height="20">{{ form.StartTime|field_as_label_tag }}</th>
          <td>{{form.StartTime.as_widget }}</td>
          <td>{{form.StartTime.errors }}</td>

          <th height="20">{{ form.EndTime|field_as_label_tag }}</th>
          <td>{{form.EndTime.as_widget }}</td>
          <td>{{form.EndTime.errors }}</td>
    </tr>
    <tr name="normal">
          <th height="20">{{ form.CheckInTime2|field_as_label_tag }}</th>
          <td>{{form.CheckInTime2.as_widget }}</td>
          <td>{{form.CheckInTime2.errors }}</td>

          <th height="20">{{ form.CheckOutTime2|field_as_label_tag }}</th>
          <td>{{form.CheckOutTime2.as_widget }}</td>
          <td>{{form.CheckOutTime2.errors }}</td>
    </tr>
	<tr name="normal">
	  <td height="5" colspan="8"></td>
	</tr>
    <tr name="normal">
        <th height="20">{% trans '休息时间段' %}:</th>
        <td><input id="selected" style="width: 250px" disabled="disabled"/></td>
    </tr>
    <tr name="normal">
        <td></td>
        <td colspan="5">
            <div style="height: 150px;border: 1px solid #d5d8d2; overflow: scroll">
                <table id="id_break_table" width="100%" class="table">
                    <thead>
                    <th></th>
                    <th>{% trans '编号' %}</th>
                    <th>{% trans '名称' %}</th>
                    <th>{% trans '开始时间' %}</th>
                    <th>{% trans '结束时间' %}</th>
                    <th>{% trans '休息时长' %}</th>
                    <th>{% trans '计算类型' %}</th>
                    <th>{% trans '相关操作' %}</th>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </td>
        <td><a id='break_add' href="javascript:void(0)"><i class="icon-plus"></i> {% trans '新增' %}</a></td>
    </tr>
    <tr>
	  <td height="5" colspan="8"></td>
	</tr>
	<tr>
        <th height="20">{{ form.CheckIn|field_as_label_tag }}</th>
        <td>{{form.CheckIn.as_widget }}</td>
        <td>{{form.CheckIn.errors }}</td>

        <th height="20">{{ form.CheckOut|field_as_label_tag }}</th>
        <td>{{form.CheckOut.as_widget }}</td>
        <td>{{form.CheckOut.errors }}</td>
    </tr>
	<tr name="normal">
      <th height="20">{{ form.LateMinutes|field_as_label_tag }}</th>
      <td>{{form.LateMinutes.as_widget }}</td>
      <td>{{form.LateMinutes.errors }}</td>
      
      <th height="20">{{ form.EarlyMinutes|field_as_label_tag }}</th>
      <td>{{form.EarlyMinutes.as_widget }}</td>
      <td>{{form.EarlyMinutes.errors }}</td>
    </tr>
      <tr name="normal">
          <th height="20">{{ form.IsCheckInOverTime|field_as_label_tag }}</th>
          <td>{{form.IsCheckInOverTime.as_widget }}</td>
          <td>{{form.IsCheckInOverTime.errors }}</td>

          <th id = '' height="20">{{ form.CheckInOverTime|field_as_label_tag }}</th>
          <td>{{form.CheckInOverTime.as_widget }}</td>
          <td>{{form.CheckInOverTime.errors }}</td>
      </tr>
      <tr name="normal">
          <th height="20">{{ form.IsOverTime|field_as_label_tag }}</th>
          <td>{{form.IsOverTime.as_widget }}</td>
          <td>{{form.IsOverTime.errors }}</td>

          <th id = '' height="20">{{ form.OverTime|field_as_label_tag }}</th>
          <td>{{form.OverTime.as_widget }}</td>
          <td>{{form.OverTime.errors }}</td>
      </tr>
      <tr name="flexible">
          <th height="20">{{ form.change_at|field_as_label_tag }}</th>
          <td>{{form.change_at.as_widget }}</td>
          <td>{{form.change_at.errors }}</td>
          <th height="20">{{ form.is_day_off|field_as_label_tag }}</th>
          <td>{{form.is_day_off.as_widget }}</td>
          <td>{{form.is_day_off.errors }}</td>
      </tr>
      <tr>
          <th height="20">{{ form.only_first_last|field_as_label_tag }}</th>
          <td>{{form.only_first_last.as_widget }}</td>
          <td>{{form.only_first_last.errors }}</td>
          <th height="20">{{ form.punch_period_mode|field_as_label_tag }}</th>
          <td>{{form.punch_period_mode.as_widget }}</td>
          <td>{{form.punch_period_mode.errors }}</td>
          <td>{{form.punch_period.as_widget }}</td>
          <td>{{form.punch_period.errors }}</td>
      </tr>
      <tr>
          <th height="20">{{ form.WorkDay|field_as_label_tag }}</th>
          <td>{{form.WorkDay.as_widget }}</td>
          <td>{{form.WorkDay.errors }}</td>
          <th height="20">{{ form.work_time_type|field_as_label_tag }}</th>
          <td>{{form.work_time_type.as_widget }}</td>
          <td>{{form.work_time_type.errors }}</td>
          <!--
          <th height="20">{{ form.shiftworktime|field_as_label_tag }}</th>
          -->
          <td colspan="3">{{form.shiftworktime.as_widget }}</td>
          <td>{{form.shiftworktime.errors }}</td>
      </tr>
      <tr class="displayN">
          <th height="20">{{ form.is_support_cross|field_as_label_tag }}</th>
          <td>{{form.is_support_cross.as_widget }}</td>
          <td>{{form.is_support_cross.errors }}</td>

          <th height="20">{{ form.cross_days|field_as_label_tag }}</th>
          <td>{{form.cross_days.as_widget }} （{% trans '最多 3 天'  %}）</td>
          <td>{{form.cross_days.errors }}</td>
      </tr>

      <tr name="flexible">
          <th height="20">{{ form.is_ot_ft|field_as_label_tag }}</th>
          <td>{{form.is_ot_ft.as_widget }}</td>
          <td>{{form.is_ot_ft.errors }}</td>

          <th height="20">{{ form.min_ot_time|field_as_label_tag }}</th>
          <td >{{form.min_ot_time.as_widget }}</td>
          <td>{{form.min_ot_time.errors }}</td>
      </tr>
      <tr>
          <th height="20">{{ form.func_key|field_as_label_tag }}</th>
          <td>{{form.func_key.as_widget }}</td>
          <td>{{form.func_key.errors }}</td>
      </tr>
      <tr class="displayN">
          <th height="20">{{ form.breaktimes|field_as_label_tag }}</th>
          <td>{{form.breaktimes.as_widget }}</td>
          <td>{{form.breaktimes.errors }}</td>
      </tr>
   {% for i,k in form.errors.items %}
   {{i}}{{k}}
   {% endfor %}
   

  </table>
</td></tr>


{% endautoescape %}
{% endblock %}


{% block addjs %}
function init_break_table(){
    $.ajax({
        url: '/att/get_break_time_list/',
        type: 'GET',
        dataType: 'json',
        success: function(callback){
            $('#id_break_table tbody').empty();
            var schclass_id = $("#id_model_pk").val();
            var data_list = callback['ret'];
            var breaktime = $("#id_breaktimes").val();
            var bts = breaktime.split(',');
            var init_name = [];
            for(var i=0; i < data_list.length; i++){
                var data = data_list[i];
                var break_type = '';
                if(data["calc_type"] == 0){
                    break_type = '{% trans 'AutoDecute' %}';
                } else{
                    break_type = '{% trans 'MustPunch' %}';
                }
                var ck= '';
                for(var j=0; j < bts.length; j++){
                    if(bts[j] == data["id"]){
                        ck = 'checked';
                        var input = $('<input type="hidden" name="break_times" value="'+data["id"]+'">');
                        init_name.push(data["break_name"]);
                        $("#id_edit_form").append(input);
                    }
                }
                var edit_id = 'bk' + data["id"];
                var row = '<tr>'
                    +'<td><input type="checkbox" name_txt="'+data["break_name"]+'" value="'+data["id"]+'" '+ck+'></td>'
                    +'<td>'+data["break_code"]+'</td>'
                    +'<td>'+data["break_name"]+'</td>'
                    +'<td>'+data["start_time"]+'</td>'
                    +'<td>'+data["end_time"]+'</td>'
                    +'<td>'+data["break_time"]+'</td>'
                    +'<td>'+break_type+'</td>'
                    +'<td>'
                    +'  <a href="javascript:void(0);" style="margin-right: 10px;" ref="/att/edit_break_time/?s='+schclass_id+'&k='+data["id"]+'" onclick="edit_breaktime(this)">{% trans '编辑' %}</a>'
                    +'  <a href="javascript:void(0);" style="margin-right: 10px;" ref="/att/del_break_time/?s='+schclass_id+'&k='+data["id"]+'" onclick="delete_breaktime(this)">{% trans '删除' %}</a>'
                    +'</td>'
                    +'</tr>'
                $('#id_break_table tbody').append(row);
            }
            var refresh_break_time = function(){
                var vals = $("#id_break_table").find('input[type=checkbox]');
                var name = [];
                for(var i=0; i < vals.length; i++){
                    var v = vals[i];
                    if($(v).attr('checked')){
                        name.push($(v).attr('name_txt'))
                    }
                }
                //console.log(name)
                $('#selected').val(name.join(','));
                $('#selected').attr('data', name.join(','));
                $('#selected').attr('title', name.join(','));
            };
            $("#id_break_table").find('input[type=checkbox]').click(function(){
                var data = $(this).val();
                var form = $("#id_edit_form");
                var input = $('<input type="hidden" name="break_times" value="'+data+'">');
                if($(this).attr('checked')){
                    $(form).append(input);
                }else{
                    $('input[name=break_times][value='+data+']').remove();
                }
                refresh_break_time();
            });
            //console.log(init_name)
            $('#selected').val(init_name.join(','));
            $('#selected').attr('data', init_name.join(','));
            $('#selected').attr('title', init_name.join(','));
        },
        error: function(){
        }
    });
};
function pop_break_form(data){
    var breakbox = '<div id="break_pop"><div id="id_pop_info" style="margin-top: 10px"></div><form id="break_form" action="" style="margin-top: 20px"><table>'
        +'<tr>'
        +'   <th><label for="id_break_code" class="required">{% trans '编号' %}:</label></th>'
        +'   <td><input id="id_break_code" type="text" name="break_code" maxlength="20"></td>'
        +'   <td></td>'
        +'   <th><label for="id_break_name" class="required">{% trans '名称' %}:</label></th>'
        +'   <td><input id="id_break_name" type="text" name="break_name" maxlength="20"></td>'
        +'</tr>'
        +'<tr style="height:10px;"></tr>'
        +'<tr>'
        +'   <th><label for="id_end_time" class="required">{% trans '开始时间' %}:</label></th>'
        +'   <td><input id="id_start_time" type="text" name="start_time" class="date" format="HH:mm" value="00:00" readonly="True"></td>'
        +'   <td></td>'
        +'   <th><label for="id_end_time" class="required">{% trans '结束时间' %}:</label></th>'
        +'   <td><input id="id_end_time" type="text" name="end_time" class="date" format="HH:mm" value="00:00" readonly="True"></td>'
        +'</tr>'
        +'<tr style="height:10px;"></tr>'
        +'<tr>'
        +'   <th><label for="id_break_time" class="required">{% trans '休息时长(分钟)' %}:</label></th>'
        +'   <td><input id="id_break_time"  type="text" name="break_time" value="0"></td>'
        +'   <td></td>'
        +'   <th><label for="id_bk_func_key" class="required">{% trans '使用功能键' %}:</label></th>'
        +'   <td>'
        +'      <select id="id_bk_func_key" type="text" name="bk_func_key" class="wZBaseSmallIntegerField required valid" style="width: 97%">'
        +'          <option value="0">{% trans '否' %}</option>'
        +'          <option value="1" selected>{% trans '是' %}</option>'
        +'      </select></td>'
        +'   <td></td>'
        +'</tr>'
        +'<tr style="height:10px;"></tr>'
        +'<tr>'
        +'   <td></td>'
        +'   <td><label for="id_bk_punch_period_mode" class="required">{% trans '重复打卡间隔(分钟)' %}:</label></td>'
        +'   <td colspan="3">'
        +'      <select id="id_bk_punch_period_mode" type="text" name="bk_punch_period_mode">'
        +'          <option value="0">{% trans '根据考勤规则' %}</option>'
        +'          <option value="1">{% trans '自定义' %}</option>'
        +'      </select>'
        +'      <input type="text" id="id_bk_punch_period" name="bk_punch_period" value="1"> '
        +'   </td>'
        +'</tr>'
        +'<tr style="height:10px;"></tr>'
        +'<tr><td style="text-align: right"><input id="id_multiple_punch" type="checkbox"></td><td colspan="4">{% trans '多次签到签退' %}</td></tr>'
        +'<tr style="height:10px;"></tr>'
        +'<tr><td style="text-align: right" ><input id="id_auto" type="radio" name="break_type" checked="checked"></td><td>{% trans '自动扣除' %}</td>'
        +'<td style="text-align: right"><input id="id_must_punch" type="radio" name="break_type"></td><td colspan="2">{% trans '必须打卡' %}</td></tr>'
        +'<tr style="height:10px;"></tr>'
        +'<tr><td></td><td colspan="4">{% trans '最少休息时间' %} <input id="id_minimum_time" type="text" name="minimum_time" value="0" disabled="disabled"> {% trans '分钟' %}</td></tr>'
        +'<tr style="height:10px;"></tr>'
        +'<tr><td style="text-align: right"><input id="id_early_choices" type="checkbox" disabled="disabled"></td><td colspan="4">{% trans '如果提前返回' %} <input id="id_early_over" name="early_over" type=text" value="0" disabled="disabled">{% trans '分钟, 计为' %} '
        +'<select name="early_type" id="id_early_type" disabled="disabled">'
        +'<option value="0">{% trans '正常工作' %}</option><option value="1">{% trans '平日加班' %}</option></select></td></tr>'
        +'<tr style="height:10px;"></tr>'
        +'<tr><td style="text-align: right"><input id="id_late_choices"  type="checkbox" disabled="disabled"></td><td colspan="4">{% trans '休息时长超过' %} <input id="id_late_over" name="late_over" type="text" value="0" disabled="disabled">{% trans '分钟, 计为' %} '
        +'<select name="late_type" id="id_late_type" disabled="disabled">'
        +'<option value="0">{% trans '迟到' %}</option><option value="1">{% trans '早退' %}</option><option value="2">{% trans '旷工' %}</option></select></td></tr>'
        +'</table>'
        +'<input type="hidden" id="id_calc_type" name="calc_type">'
        +'<input type="hidden" id="id_is_consider_early" name="is_consider_early">'
        +'<input type="hidden" id="id_is_consider_late" name="is_consider_late">'
        +'<input type="hidden" id="id_is_multiple_punch" name="multiple_punch">'
        +'</form>'
        +'</div>';
    var obj_id;
    var success_func = function(layero, index){
        var form = $(layero).find("#break_form");
        if(data){
            obj_id = data["id"];
            $('#id_break_code').val(data["break_code"]);
            $('#id_break_name').val(data["break_name"]);
            $('#id_start_time').val(data["start_time"]);
            $('#id_end_time').val(data["end_time"]);
            $('#id_break_time').val(data["break_time"]);
            $('#id_bk_func_key').val(data["bk_func_key"]);
            $('#id_bk_punch_period').val(data["bk_punch_period"]);
            $('#id_bk_punch_period_mode').val(data["bk_punch_period_mode"]);
            if(parseInt(data["multiple_punch"]) == 1){
                $("#id_multiple_punch").attr('checked', true);
            }
            if(parseInt(data["calc_type"]) == 0){
                $("#id_auto").attr('checked', true);
            }else{
                $("#id_must_punch").attr('checked', true);
                $("#id_early_choices").removeAttr('disabled');
                $("#id_late_choices").removeAttr('disabled');
                $("#id_minimum_time").val(data["minimum_time"]);
                $("#id_minimum_time").removeAttr('disabled');
                if(parseInt(data["is_consider_early"]) == 1){
                    $("#id_early_choices").attr('checked', true);
                    $("#id_early_over").val(data["early_over"]);
                    $("#id_early_type").val(data["early_type"]);
                    $("#id_early_over").removeAttr('disabled');
                    $("#id_early_type").removeAttr('disabled');
                }
                if(parseInt(data["is_consider_late"]) == 1){
                    $("#id_late_choices").attr('checked', true);
                    $("#id_late_over").val(data["late_over"]);
                    $("#id_late_type").val(data["late_type"]);
                    $("#id_late_over").removeAttr('disabled');
                    $("#id_late_type").removeAttr('disabled');
                }
            }
        }
        if($("#id_bk_punch_period_mode").val() == '0'){
            $("#id_bk_punch_period").hide();
        }
        $("#id_bk_punch_period_mode").change(function(){
            if($("#id_bk_punch_period_mode").val() == '0'){
                $("#id_bk_punch_period").hide();
            }else if($("#id_bk_punch_period_mode").val() == '1') {
                $("#id_bk_punch_period").show();
            }
        })
        $(form).validate({
            rules:{
                "break_code":{required:true},
                "break_name":{required:true},
                "start_time":{required:true},
                "end_time":{required:true},
                "break_time":{required:true, digits:true,min:0},
                "early_over":{digits:true,min:0},
                "late_over":{digits:true,min:0},
            },
            errorPlacement: function(error, element) {
                error.appendTo(element.parent());
            }
        });
        $("#id_must_punch").click(function(){
            $("#id_minimum_time").removeAttr('disabled');
            $("#id_early_choices").removeAttr('disabled');
            $("#id_late_choices").removeAttr('disabled');
        });
        $("#id_auto").click(function(){
            $("#id_minimum_time").attr('disabled', 'disabled');
            $("#id_early_choices").attr('disabled', 'disabled');
            $("#id_late_choices").attr('disabled', 'disabled');
        })
        $("#id_early_choices").click(function(){
            if($(this).attr('checked')){
                $("#id_early_over").removeAttr('disabled');
                $("#id_early_type").removeAttr('disabled');
            }else{
                $("#id_early_over").attr('disabled', 'disabled');
                $("#id_early_over").val(0);
                $("#id_early_type").attr('disabled', 'disabled');
                $("#id_early_type").val(0);
            }
        })
        $("#id_late_choices").click(function(){
            if($(this).attr('checked')){
                $("#id_late_over").removeAttr('disabled');
                $("#id_late_type").removeAttr('disabled');
            }else{
                $("#id_late_over").attr('disabled', 'disabled');
                $("#id_late_over").val(0);
                $("#id_late_type").attr('disabled', 'disabled');
                $("#id_late_type").val(0);
            }
        })
        render_widgets(form);
    }
    var options = {
        title: gettext("Break Time"),
        success: success_func,
        skin: 'action-dialog',
        scrollbar: true,
        maxmin: true,
        zIndex: 100,
        area: ['auto', 'auto'],
        btn: [gettext('确定'), gettext('取消')],
        yes: function(index, layero){
            var form = $(layero).find("#break_form");
            $("#id_pop_info").html('');
            $("#id_is_multiple_punch").val(0);
            if($("#id_multiple_punch").attr('checked')){
                $("#id_is_multiple_punch").val(1);
            }
            if($("#id_must_punch").attr('checked')){
                $("#id_calc_type").val(1);
                $("#id_is_consider_early").val(0);
                if($("#id_early_choices").attr('checked')){
                    $("#id_is_consider_early").val(1);
                }
                $("#id_is_consider_late").val(0);
                if($("#id_late_choices").attr('checked')){
                    $("#id_is_consider_late").val(1);
                }
            }else{
                $("#id_calc_type").val(0);
            };
            if($(form).valid()){
                var form_data = form.serialize();
                var schclass_id = $("#id_model_pk").val();
                var save_url = '/att/save_break_time/?s='+schclass_id;
                var break_time = parseInt($("#id_break_time").val());
                var early_over = parseInt($("#id_early_over").val());
                var late_over = parseInt($("#id_late_over").val());
                if (early_over > break_time){
                    $("#id_pop_info").html('<ul class="errorlist"><li>'+gettext('提早时长不能大于休息时长')+'</li></ul>');
                    return false;
                }
                var start_time = $("#id_start_time").val();
                var end_time = $("#id_end_time").val();
                var sts = start_time.split(':');
                var ets = end_time.split(':');
                var stms = parseInt(ets[0])*60 + parseInt(ets[1]);
                var etms = parseInt(sts[0])*60 + parseInt(sts[1]);
                var ds = Math.abs(etms - stms);
                if (late_over > (ds - break_time) ){
                    $("#id_pop_info").html('<ul class="errorlist"><li>'+gettext('超出时间不能大于总时长扣除休息时长')+'</li></ul>');
                    return false;
                }
                if(obj_id){
                    save_url = save_url + '&k=' + obj_id;
                }
                $.ajax({
                    url: save_url,
                    type: 'POST',
                    dataType: 'json',
                    data: form_data,
                    success: function(callback){
                        var ret = callback['ret'];
                        if(ret == 'ok'){
                            layer.close(index);
                            init_break_table();
                        }else{
                            var msg = callback['error'];
                            $("#id_pop_info").html('<ul class="errorlist"><li>'+msg+'</li></ul>');
                        }
                    },
                    error: function(){
                    }
                });
            }
        },
        cancel: function(index){
            layer.close(index);
        }
    }
    $(breakbox).layerDialog(options);
}
function edit_breaktime(obj){
    var ref = $(obj).attr('ref');
    console.log(ref)
    $.ajax({
        url: ref,
        type: 'GET',
        dataType: 'json',
        success: function(callback){
            var data = callback["ret"];
            if(data.length > 0){
                pop_break_form(data[0]);
            }else{
                alert('Object Not Exists');
            }
        },
        error: function(){}
    });
};
function delete_breaktime(obj){
    var ref = $(obj).attr('ref');
    if(confirm(gettext("确定要删除数据吗?"))){
        $.ajax({
            url: ref,
            type: 'POST',
            dataType: 'json',
            success: function(callback){
                var ret = callback['ret'];
                if(ret == 'failed'){
                    var msg = callback['error']
                    alert(msg);
                }
                init_break_table();
            },
            error: function(){}
        });
    }
};
$(function(){
	$("#id_SchName").css({width:"250px"});
    $("#id_CheckInTime1").attr('readonly', true);
    $("#id_StartTime").attr('readonly', true);
    $("#id_CheckInTime2").attr('readonly', true);
    $("#id_CheckOutTime1").attr('readonly', true);
    $("#id_EndTime").attr('readonly', true);
    $("#id_CheckOutTime2").attr('readonly', true);
    $("#id_change_at").attr('readonly', true);
    function type_switch(timetable_type){
        if(timetable_type == '0'){
            $("#id_edit_form input[name=break_times]").attr('disabled', false);
            $("#tbl_iccard_edit").find("tr[name='flexible']").hide();
            $("#tbl_iccard_edit").find("tr[name='normal']").show();
        }
        if(timetable_type == '1'){
            $("#id_edit_form input[name=break_times]").attr('disabled', true);
            $("#tbl_iccard_edit").find("tr[name='normal']").hide();
            $("#tbl_iccard_edit").find("tr[name='flexible']").show();
        }
    };
    function return_origin_data(timetable_type){
        if(timetable_type == '0'){
            $("#tbl_iccard_edit tr[name='flexible']").find("input, select").each(function(){
                $(this).val($(this).attr('data'));
            });
        }
        if(timetable_type == '1'){
             $("#tbl_iccard_edit tr[name='normal']").find("input, select").each(function(){
                $(this).val($(this).attr('data'));
            });
        }
    };
    function set_origin_data(){
        $("#tbl_iccard_edit tr[name='normal']").find("input, select").each(function(){
            $(this).attr('data', $(this).val());
        });
        $("#tbl_iccard_edit tr[name='flexible']").find("input, select").each(function(){
            $(this).attr('data', $(this).val());
        });
    };
    function interface_init(){
        var timetable_type = $("#id_timetable_type").val();
        type_switch(timetable_type);

        var elems = [[$("#id_IsOverTime"), $("#id_OverTime")], [$("#id_IsCheckInOverTime"), $("#id_CheckInOverTime")],
                     [$("#id_is_support_cross"), $("#id_cross_days")], [$("#id_is_ot_ft"), $("#id_min_ot_time")]];
        $(elems).each(function(){
            var select_elem = this[0];
            var input_elem = this[1];
            if($(select_elem).val() == '0'){
                $(input_elem).attr('readonly', true);
            }
            $(select_elem).change(function(){
                if($(select_elem).val() == '0'){
                    $(input_elem).attr('readonly', true);
                }else if($(select_elem).val() == '1') {
                    $(input_elem).attr('readonly', false);
                }
            })
        });
        if($("#id_punch_period_mode").val() == '0'){
            $("#id_punch_period").hide();
        }
        $("#id_punch_period_mode").change(function(){
            if($("#id_punch_period_mode").val() == '0'){
                $("#id_punch_period").hide();
            }else if($("#id_punch_period_mode").val() == '1') {
                $("#id_punch_period").show();
            }
        })
        if($("#id_work_time_type").val() == '1'){
            $("#id_shiftworktime").hide();
        }
        $("#id_work_time_type").change(function(){
            if($("#id_work_time_type").val() == '1'){
                $("#id_shiftworktime").hide();
            }else if($("#id_work_time_type").val() == '2') {
                $("#id_shiftworktime").show();
            }
        })
        set_origin_data();
        $("#id_timetable_type").change(function(){
            var timetable_type = $(this).val();
            type_switch(timetable_type);
            return_origin_data(timetable_type);
        });
    }
    interface_init();
    $("#break_add").click(function(){
        pop_break_form();
    });
    init_break_table();
});
{% endblock %}